<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
		<link rel="stylesheet" href="css/css.css" type="text/css"/>
	</head>
	<body>
			<div id="menu">
				<div class="has_children">
					<span>第1章-认识jQuery</span>
					<a>1.1-JavaScript和JavaScript库</a>
					<a>1.2-加入jQuery</a>
					<a>1.3-编写简单jQuery代码</a>
					<a>1.4-jQuery对象和DOM对象</a>
					<a>1.5-解决jQuery和其它库的冲突</a>
					<a>1.6-jQuery开发工具和插件</a>
					<a>1.7-小结</a>
				</div>
				<div class="has_children">
					<span>第2章-jQuery选择器</span>
					<a>2.1-jQuery选择器是什么</a>
					<a>2.2-jQuery选择器的优势</a>
					<a>2.3-jQuery选择器</a>
					<a>2.4-应用jQuery改写示例</a>
					<a>2.5-选择器中的一些注意事项</a>
					<a>2.6-案例研究——类似淘宝网品牌列表的效果</a>
					<a>2.7-还有其它选择器么？</a>
					<a>2.8-小结</a>
				</div>
				<div class="has_children">
					<span>第3章-jQuery中的DOM操作</span>
					<a>3.1-DOM操作的分类</a>
					<a>3.2-jQuery中的DOM操作</a>
					<a>3.3-案例研究——某网站超链接和图片提示效果</a>
					<a>3.4-小结</a>
				</div>
			</div>
			<div>
				<input type="checkbox" id="cr" /><label for="cr">我已经阅读了上面制度</label>
				<p class="demo">点击我</p>
			</div>
	</body>
	<script type="text/javascript">

		$(document).ready(function(){
			var $cr = $('#cr');
			var cr = $cr[0];
			$cr.click(function(){
/*				if(cr.checked){
					 alert('感谢你们的支持');
				}*/
				if($cr.is(':checked')){
					alert('感谢你们的支持');
				}
			});
			$('.has_children').click(function(){
				$(this).addClass('highlight').children('a').show().end().siblings().removeClass('highlight').children('a').hide();
			});
	
			$('a').click(function(){
				var $html = $(this).html();
				alert($html);
			});
			
			$('.demo').click(function(){
				if($(this).length > 0){
					$(this).css('color','red');
					alert('点击了我');					
				}
			});
		});

	</script>
</html>
